import { RouteRecordRaw } from "vue-router";

const HomePage = () => import(/* webpackChunkName: "home" */ "../views/Home/HomePage.vue");
const AboutPage = () => import(/* webpackChunkName: "About" */ "../views/About/AboutPage.vue");
const MultiVModelPage = () => import(/* webpackChunkName: "MultiVModelPage" */ "../views/MultiVModel/MultiVModelPage.vue");
const SlotTempPage = () => import(/* webpackChunkName: "SlotTempPage" */ "../views/SlotTemp/SlotTempPage.vue");
const ProvidePage = () => import(/* webpackChunkName: "ProvidePage" */ "../views/Provide/ProvidePage.vue");
const TestPage = () => import(/* webpackChunkName: "TestPage" */ "../views/Test/TestPage.vue");
const TransitionPage = () => import(/* webpackChunkName: "TransitionPage" */ "../views/Transition/TransitionPage.vue");
const SetupTempPage = () => import(/* webpackChunkName: "SetupTempPage" */ "../views/SetupTemp/SetupTempPage.vue");
const CustomInstructionPage = () => import(/* webpackChunkName: "CustomInstructionPage" */ "../views/CustomInstruction/customInstructionPage.vue");
const TeleportDomPage = () => import(/* webpackChunkName: "TeleportDomPage" */ "../views/TeleportDom/TeleportDomPage.vue");

const routes: Array<RouteRecordRaw> = [
  {
    path: "/",
    name: "Home",
    meta: { title: "Home页面", keepAlive: false },
    component: HomePage,
  },
  {
    path: "/about",
    name: "About",
    meta: { title: "About页面", keepAlive: false },
    component: AboutPage,
  },
  {
    path: "/multiVModel",
    name: "MultiVModel",
    meta: { title: "MultiVModel页面", keepAlive: false },
    component: MultiVModelPage,
  },
  {
    path: "/slotTemp",
    name: "SlotTemp",
    meta: { title: "SlotTemp页面", keepAlive: false },
    component: SlotTempPage,
  },
  {
    path: "/provide",
    name: "Provide",
    meta: { title: "Provide页面", keepAlive: false },
    component: ProvidePage,
  },
  {
    path: "/test",
    name: "Test",
    meta: { title: "Test页面", keepAlive: false },
    component: TestPage,
  },
  {
    path: "/transition",
    name: "Transition",
    meta: { title: "Transition页面", keepAlive: false },
    component: TransitionPage,
  },
  {
    path: "/setupTemp",
    name: "SetupTemp",
    meta: { title: "SetupTemp页面", keepAlive: false },
    component: SetupTempPage,
  },
  {
    path: "/customInstruction",
    name: "CustomInstruction",
    meta: { title: "CustomInstruction页面", keepAlive: false },
    component: CustomInstructionPage,
  },
  {
    path: "/teleportDom",
    name: "TeleportDom",
    meta: { title: "TeleportDom页面", keepAlive: false },
    component: TeleportDomPage,
  },
];

export default routes;
